<template>
  <div class="page-index">
    <div class="map" id="map"></div>

    <div class="lable" id="buildingInfo">
      <div class="cont">
        <div class="title">这里是名字</div>     
      </div> 
    </div>
  </div>
</template>


<script setup lang="ts">
import { onMounted } from "vue";
import { XTMap } from "./map";

const xtMap = new XTMap();

onMounted(()=>{
  xtMap.init(document.getElementById("map")!);
});
</script>


<style lang="scss" scoped>
.page-index {
  .map{
    width:100vw;
    height: 100vh;
  }

  #buildingInfo{
    position: fixed;
    left:0px;
    top: 0px;
    background-color: pink;
    padding:2px;
    // display:none;
    //border:2px solid rgba(0,0,0,0);
    overflow: hidden;

    .cont{
      position: relative;
      width:100%;
      height:100%;
      padding:20px;
      z-index: 1;
      background-color: #fff;
      
    }
    
    .title{
      padding: 10px 30px;
    }
  }
}
</style>
